<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Mímir | {{(index . 0).Subject}} – in {{(index . 0).Category}}</title>
		<style>
			a {
				cursor: pointer;
				color: #00afff;
				text-decoration: none;
			}
			a:hover {
				text-decoration: underline;
			}
			.anchor {
				color: #292929;
			}
			.anchor:hover {
				tex-decoration: none !important;
				color: #00afff;
			}
		</style>
	</head>
	<body style="font-family: monospace; background-color: #292929; color: #fafafa;">
		<a href="/mimir"><header style="color: #fafafa; font-size: 1.25rem; padding-top: .3125rem; padding-bottom: .3125rem; margin-rigt: 1rem;">mímir for git.apiote.xyz</header></a>
		<main style="margin-left: 1rem; margin-top: 2rem;">
			{{range .}}
			<div style="margin-bottom: 2rem; width: 85%; background-color: #212121; padding-left: 1rem; padding-right: 1rem; padding-bottom: .5rem;">
				<div style="padding: .5rem 0; display: block; border-bottom: 1px solid #e9ecef; display: flex; flex-wrap: wrap;">
					<div style="font-size: 1.25rem; flex: auto;">
						<div>{{.Subject}}<a style="margin-left: .5rem;" class="anchor" id="{{.ID}}" href="#{{.ID}}">¶</a></div>
						<div style="margin-top: .5rem; margin-bottom: .5rem; font-size: 1rem;">{{.Sender}} to {{.Category}}</div>
					</div>
					<div style="flex: none;">
						{{.FormatDate}}<br/>
						DKIM: {{if .Dkim}}<span style="color: #5af78e">✔</span>{{else}}<span style="color: #ff5c57">✘</span>{{end}}<br/>
						<a style="color: #000000; font-family: sans; border: 1px solid #000000; padding: .1rem .75rem; font-size: .8rem; background-color: #db9d3b; cursor: pointer;" href="mailto:{{.Category}}@git.apiote.xyz?in-reply-to={{.ID}}&subject={{.RESubject}}">reply to this message</a>
					</div>
				</div>
				<pre style="overflow: auto">{{.Body}}</pre>
			</div>
			{{end}}
		</main>
	</body>
</html>
